<template>
    <div class="login-box">
        <el-tabs v-model="activeName" class="login-tabs" @tab-click="handleClick">
            <el-tab-pane label="密码登录" name="pwd">
                <pwd-login></pwd-login>
            </el-tab-pane>
            <el-tab-pane label="验证码登录" name="code">
                预留
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import PwdLogin from './PwdLogin.vue';
export default {
    components:{
        PwdLogin
    },
    data() {
        return {
            activeName:"pwd"
        }
    },
}
</script>
<style lang="scss" scoped>
    .login-box{
        background-image: url("@/assets/bg.png");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        margin: 0;
        padding-top: 150px;
        box-sizing: border-box;
    }
    .login-tabs{
        padding: 20px;
        width: 300px;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 2%;
        box-shadow: 10px 10px 10px;
    }
</style>